@charset "utf-8";
@font-face{
  font-family:iconfont;
  src:url('/upload/font/iconfont.woff') format('woff');
 }
.iconfont{
  font-family:iconfont!important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale}
.parts-floating{
  position:fixed;
  z-index:999}
.parts-floating[data-position]{
  margin:30px}
.parts-floating[data-movestate=false]{
  display:none}
@media(min-width:768px){
  .parts-floating[data-state=true]{
    display:block}
  .parts-floating[data-state=false]{
    display:none}
}
.parts-floating[data-position*=left]{
  left:0}
.parts-floating[data-position*=right]{
  right:0}
.parts-floating[data-position*=bottom]{
  bottom:0}
.parts-floating[data-position*=top]{
  top:0}
.parts-floating[data-position*=center]{
  top:50%;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -o-transform:translateY(-50%)}
.parts-floating ul{
  margin:0;
  padding:0;
  list-style:none}
.parts-floating li{
  position:relative;
  margin:3px 0;
  width:42px;
  padding-bottom:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  cursor:pointer;
  font-size:20px}
.parts-floating li .parts-li-tip{
  position:absolute;
  z-index:10;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:1.42857143;
  text-shadow:none;
  text-transform:none;
  letter-spacing:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  white-space:normal;
  bottom:50%;
  padding:0 10px;
  margin-bottom:-16.5px;
  display:none;
  opacity:1;
  min-width:216px;
  text-align:right}
.parts-floating li .parts-li-tip .tooltip-inner{
  text-align:center;
  background-color:#000;
  color:#fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  text-align:left;
  max-width:216px;
  padding:8px;
  word-wrap:break-word;
  word-break:normal}
.parts-floating li .parts-li-tip img{
  max-width:200px;
  max-height:100%;
  height:auto;
  width:auto}
.parts-floating li:hover .parts-li-tip{
  display:block}
.parts-floating li:hover .parts-li-tip:before{
  content:" "}
.parts-floating[data-position*=left] .parts-li-tip{
  left:100%;
  text-align:left}
.parts-floating[data-position*=right] .parts-li-tip{
  right:100%;
  text-align:right}
.parts-floating[data-size=lg] li{
  width:50px;
  font-size:22px}
.parts-floating[data-size=sm] li{
  width:35px;
  font-size:18px}
.parts-floating li a{
  color:inherit}
.parts-floating li .iconfont{
  position:absolute;
  height:auto;
  top:50%;
  left:0;
  right:0;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  font-size:inherit;
  color:inherit}
.parts-floating li[data-type=Email]{
  background-color:#ee6100;
  border-color:#ee6100;
  color:#ee6100}
.parts-floating li[data-type=Email] .iconfont:before{
  content:"\e670"}
.parts-floating li[data-type=Phone]{
  background-color:#ed6347;
  border-color:#ed6347;
  color:#ed6347}
.parts-floating li[data-type=Phone] .iconfont:before{
  content:"\e600"}
.parts-floating li[data-type=Skype]{
  background-color:#007ace;
  border-color:#007ace;
  color:#007ace}
.parts-floating li[data-type=Skype] .iconfont:before{
  content:"\e718"}
.parts-floating li[data-type=WhatsApp]{
  background-color:#50b83c;
  border-color:#50b83c;
  color:#50b83c}
.parts-floating li[data-type=WhatsApp] .iconfont:before{
  content:"\e621"}
.parts-floating li[data-type=Viber]{
  background-color:#9c6ade;
  border-color:#9c6ade;
  color:#9c6ade}
.parts-floating li[data-type=Viber] .iconfont:before{
  content:"\e636"}
.parts-floating li[data-type=Message]{
  background-color:#5e8e3e;
  border-color:#5e8e3e;
  color:#5e8e3e}
.parts-floating li[data-type=Message] .iconfont:before{
  content:"\e7ec"}
.parts-floating li[data-type=QRcode]{
  background-color:#b762ff;
  border-color:#b762ff;
  color:#b762ff}
.parts-floating li[data-type=QRcode] .iconfont:before{
  content:"\e667"}
.parts-floating li[data-type=Address]{
  background-color:#c35555;
  border-color:#c35555;
  color:#c35555}
.parts-floating li[data-type=Address] .iconfont:before{
  content:"\e614"}
.parts-floating li[data-type=QQ]{
  background-color:#0188fb;
  border-color:#0188fb;
  color:#0188fb}
.parts-floating li[data-type=QQ] .iconfont:before{
  content:"\e602"}
.parts-floating li[data-type=Top]{
  background-color:#5c6ac4;
  border-color:#5c6ac4;
  color:#5c6ac4}
.parts-floating li[data-type=Top] .iconfont:before{
  content:"\e678"}
.parts-floating[data-theme*=solid] li{
  color:#fff!important}
.parts-floating[data-theme*=round] li{
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%}
.parts-floating[data-theme*=fillet] li{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px}
.parts-floating[data-theme*=hollow] li{
  border-style:solid;
  border-width:2px;
  background-color:#fff!important;
  padding-bottom:calc(100% - 4px)}
.parts-floating[data-theme*=Blacktheme] li{
  background-color:#000!important;
  color:#fff!important}
.parts-floating li[data-type=Email]:hover{
  background-color:rgba(238,97,0,.6);
  border-color:rgba(238,97,0,.6);
  color:rgba(238,97,0,.6)}
.parts-floating li[data-type=Phone]:hover{
  background-color:rgba(237,99,71,.6);
  border-color:rgba(237,99,71,.6);
  color:rgba(237,99,71,.6)}
.parts-floating li[data-type=Skype]:hover{
  background-color:rgba(0,122,206,.6);
  border-color:rgba(0,122,206,.6);
  color:rgba(0,122,206,.6)}
.parts-floating li[data-type=WhatsApp]:hover{
  background-color:rgba(80,184,60,.6);
  border-color:rgba(80,184,60,.6);
  color:rgba(80,184,60,.6)}
.parts-floating li[data-type=Viber]:hover{
  background-color:rgba(156,106,222,.6);
  border-color:rgba(156,106,222,.6);
  color:rgba(156,106,222,.6)}
.parts-floating li[data-type=Message]:hover{
  background-color:rgba(94,142,62,.6);
  border-color:rgba(94,142,62,.6);
  color:rgba(94,142,62,.6)}
.parts-floating li[data-type=QRcode]:hover{
  background-color:rgba(183,98,255,.6);
  border-color:rgba(183,98,255,.6);
  color:rgba(183,98,255,.6)}
.parts-floating li[data-type=Address]:hover{
  background-color:rgba(195,85,85,.6);
  border-color:rgba(195,85,85,.6);
  color:rgba(195,85,85,.6)}
.parts-floating li[data-type=QQ]:hover{
  background-color:rgba(1,136,251,.6);
  border-color:rgba(1,136,251,.6);
  color:rgba(1,136,251,.6)}
.parts-floating li[data-type=Top]:hover{
  background-color:rgba(92,106,196,.6);
  border-color:rgba(92,106,196,.6);
  color:rgba(92,106,196,.6)}
.parts-floating[data-theme*=Blacktheme] li:hover{
  background-color:rgba(0,0,0,.6)!important}